<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>需求列表-闲时网</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../css/demand/demandList.css" type="text/css">

    <style>

    </style>
</head>

<body>

<%@ include file="../common/nav.jsp"%>


<div class="container-fluid" id="queryform2">
    <div class="row">
        <form method="get">
            &nbsp; &nbsp; &nbsp; &nbsp;<a href="#tab-3" aria-expanded="false"><button class="btn btn-default">
            搜索</button></a>
            <input type="text" class="VAILD base-search-ipt" id="floor_query" name="queryStr" value=""> <label for="floor_query" class="search-label-shuiyin" style="display: block;">
        </label>
        </form>
    </div>

    <div class="row">
        <div class="need1">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 全部需求</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">老人</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">小孩</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">其他</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            详细需求1
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane">
                        <div class="panel-body">
                            详细需求2
                        </div>
                    </div>
                    <div id="tab-3" class="tab-pane">
                        <div class="panel-body">
                            详细需求3
                        </div>
                    </div>
                    <div id="tab-4" class="tab-pane">
                        <div class="panel-body">
                            详细需求4
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="need1">
            <div class="tabs-container">
                <ul class="nav nav-tabs">

                    <li class=""><a href="#tab-1" aria-expanded="false"> 需求发布</a>
                    </li>
                    <li class="">
                        <div class="checkbox">
                            <label class="checkbox" for="closeButton">
                                <input id="closeButton" type="checkbox" value="checked" class="input-mini"
                                       checked="">关闭按钮
                            </label>
                        </div>
                    </li>
                    <li class="">
                        <div class="checkbox">
                            <label class="checkbox" for="closeButton">
                                <input id="closeButton" type="checkbox" value="checked" class="input-mini"
                                       checked="">关闭按钮
                            </label>
                        </div>
                    </li>
                    <li class="">
                        <div class="checkbox">
                            <label class="checkbox" for="closeButton">
                                <input id="closeButton" type="checkbox" value="checked" class="input-mini"
                                       checked="">关闭按钮
                            </label>
                        </div>
                    </li>
                    <li class="">
                        <div class="checkbox">
                            <label class="checkbox" for="closeButton">
                                <input id="closeButton" type="checkbox" value="checked" class="input-mini"
                                       checked="">关闭按钮
                            </label>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="need1">
            <div class="tabs-container">
                <ul class="nav nav-tabs">

                    <li class=""><a href="#tab-1" aria-expanded="false"> 需求发布</a>
                    </li>
                    <li class=""><a href="#tab-2" aria-expanded="false">全部需求</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">个人需求</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="need1 ">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class=""><a href="#tab-1" aria-expanded="false"> 需求状态</a>
                    </li>
                    <li class=""><a href="#tab-2" aria-expanded="false">进行中</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">已完成</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <br><br><br>

    <div class="row">
        <div class="need1">
            <div class="tabs-container">
                <ul class="nav nav-tabs">

                    <li class=""><a href="#tab-1" aria-expanded="false">默认</a>
                    </li>
                    <li class=""><a href="#tab-2" aria-expanded="false">发布时间</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">成交次数</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">推荐人数</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">价格</a>
                    </li>
                    <li class=""><a href="#tab-3" aria-expanded="false">更多</a>
                    </li>
                    <input type="text" style="width:40px;"> ~ <input type="text" style="width:40px;">
                    &nbsp;
                    <a href="#tab-3" aria-expanded="false"><button class="btn btn-default"> 确认</button></a>

                </ul>
            </div>
        </div>
    </div>

    <br>
    <div class="col-md-4">
        <div class="thumbnail">
            <a href="demandDetail.jsp"><img src="../imgs/touxiang.jpg" alt=""></a>
            <span style="font-size: 20px;">￥5.00</span><span>/个</span>
            <p>文案撰写服务，SEO文章，新闻稿，软文，宣传稿，通讯稿等稿件</p>
            <div style="overflow: hidden">
                <p style="float: left">name </p>
                <p style="float:right">city</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail">
            <a href="demandDetail.jsp"><img src="../imgs/touxiang.jpg" alt=""></a>
            <span style="font-size: 20px;">￥5.00</span><span>/个</span>
            <p>文案撰写服务，SEO文章，新闻稿，软文，宣传稿，通讯稿等稿件</p>
            <div style="overflow: hidden">
                <p style="float: left">name </p>
                <p style="float:right">city</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail">
            <a href="demandDetail.jsp"><img src="../imgs/touxiang.jpg" alt=""></a>
            <span style="font-size: 20px;">￥5.00</span><span>/个</span>
            <p>文案撰写服务，SEO文章，新闻稿，软文，宣传稿，通讯稿等稿件</p>
            <div style="overflow: hidden">
                <p style="float: left">name </p>
                <p style="float:right">city</p>
            </div>
        </div>
    </div>

    <div class="col-md-12">
        <ul class="pagination" style="padding-left: 30%;">
            <li><a href="#" style="border: 0px;"></a></li>
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>


</div>
<div class="container-fluid" id="queryform3">
    <div class="row">
        <div class="search-mode"></div>
        <div class="search-release-ser">
            <h2>
                没有能做的需求？ <br> 展示挖掘潜在需求方！
            </h2>
            <p>发布服务，增加品牌曝光宣传，<br>让更多需求方可以找到你，加速带来订单！</p>

            <a href="../services/serviceRelease.jsp" aria-expanded="false"><button class="btn btn-default">
                立即发布我的服务</button></a>
        </div>
    </div>
</div>


<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<script src="../js/demand/demandList.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>


</body>

</html>